
.page {
  .header {
    height: 260px;
    padding: 50px;
    // background: url("data:image/svg+xml,%3Csvg width='375' height='224' viewBox='0 0 375 224' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0 194.323V.041h375v195c-52.716 37.669-322.102 37.387-375-.718z' id='a'/%3E%3C/defs%3E%3Cuse fill='%236C80E5' fill-rule='nonzero' xlink:href='%23a' transform='translate(0 -.04)'/%3E%3C/svg%3E")
    //   no-repeat center / 100%;
    text-align: center;
    .logo {
      position: relative;
      margin: 0 auto 18px auto;
      width: 120px;
      height: 120px;
      > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }
    }
    .mobile {
      height: 56px;
      font-size: 40px;
      font-weight: 500;
      line-height: 56px;
    }
  }
  .main {
    padding: 30px;
    // position: relative;
    :global {
      .am-list-extra {
        flex-basis:100%;
      }
      .am-button {
        margin-top: 60px;
        // position: absolute;
        // bottom: 40px;
      }
      .am-list-body {
        .am-list-item {
          .am-list-line {
            .am-list-extra {
              display: flex;
              justify-content: flex-end;
              flex-basis: 15% !important;
              .am-icon {
                color: @primary-color;
      
              }
            }
          }
        }
      }
      
      
    }
  }
  .list {
    background-color: #fff;
    border-radius: 20px;
    // box-shadow: 0 5px 20px 20px rgba($color: #143973, $alpha: 0.05);
    overflow: hidden;
  }
}
